<template>
    <div class="evaluate" @click="lookDetail">

        <!-- 头部 开始 -->
        <div class="head">
            <div class="user">
                <!-- {{ info.photo }} -->
                <div class="avatar">
                    <li-image :src="info.reviewerAvatar" :lazy-load="false" class="img" />
                    <!-- <img src="@/assets/images/avatar_user.png" class="img" alt=""> -->
                </div>
                <div class="info">
                    <div class="name">{{ info.reviewer }}</div>
                    <div class="rate">
                        <img src="@/assets/images/rate.png" class="img" alt="">
                        <span>{{ $fomartRate(info.scoreOverall) }}分</span>
                    </div>
                </div>
            </div>
            <div class="time">{{ info.createdDate }}</div>
        </div>
        <!-- 头部 end -->

        <!-- 评价内容 开始 -->
        <div class="content">
            <p>{{ info.content }}</p>
            <!-- <div class="img_list">
                <img src="@/assets/images/h_banner.png" v-for="(item,index) in 3" :key="index" alt="" >
            </div>     -->
        </div>
        <!-- 评价内容 end -->

    </div>
</template>
<script>
export default {
    name: 'UserEvaluate',
    props: {
        info: {
            type: Object,
            default: function () {
                return {};
            },
        },
    },
    data() {
        return {

        }
    },
    created() {

    },
    methods: {
        // 查看详情
        lookDetail() {
            let o = this.info;
            this.$router.push({
                path: '/evaluate/detail',
                query: { id: o.id }
            })
        }
    }
}
</script>
<style lang="less" scoped>
@import './index.less';
</style>